import React from 'react'

/*
    安装：
    npm install react-markdown-editor-lite --save
    npm install markdown-it --save
*/
import MarkdownIt from 'markdown-it';
import MdEditor from 'react-markdown-editor-lite';
// import style manually
import 'react-markdown-editor-lite/lib/index.css';


export default function Index() {


    const mdParser = new MarkdownIt(/* Markdown-it options */);

    // 获取编辑器内容的方法
    function handleEditorChange({ html, text }) {
        console.log('handleEditorChange', html, text);
        // html 是编译成 html 之后的内容
        // text 原输入的内容
    }


    return (
        <div>
            <MdEditor
                style={{ height: '500px' }}
                renderHTML={text => mdParser.render(text)}
                onChange={handleEditorChange}
            />
        </div>
    )
}
